javascript

推荐列表 站点导航

当前位置:首页 > 脚本编程 > javascript >

jQuery如何判断input是否被禁用

来源:互联网  作者:网友投稿  发布时间:2021-01-06 11:32
jQuery判断input是否被禁用的方法:1、使用函数【is(:disabled)】判断;2、使用函数【prop(disabled)】判断;3、使用函数【...

jQuery判断input是否被禁用的方法:1、使用函数【is(":disabled")】判断;2、使用函数【prop("disabled")】判断;3、使用函数【attr("disabled")】判断。

jQuery如何判断input是否被禁用

本教程操作环境:windows10系统、jquery2.2.4,本文适用于所有品牌的电脑。

推荐:《jquery视频教程

jQuery判断input是否被禁用的方法:

判断input是否被禁用,可用的方法有:

● is(":disabled")

● prop("disabled")

● attr("disabled")

<script src=https://www.php.cn/"jquery.min.js"></script> <br/><input type="text" id="first" disabled>first <br/><input type="text" id="second" disabled <br/><input type="text" id="third">third <script> var v1, v2, v3; v1 = $("#first").is(":disabled"); // true / false v2 = $("#first").prop("disabled"); // true / false v3 = $("#first").attr("disabled"); // disabled / undefined console.log(v1); console.log(v2); console.log(v3); v1 = $("#second").is(":disabled"); // true / false v2 = $("#second").prop("disabled"); // true / false v3 = $("#second").attr("disabled"); // disabled / undefined console.log(v1); console.log(v2); console.log(v3); v1 = $("#third").is(":disabled"); // true / false v2 = $("#third").prop("disabled"); // true / false v3 = $("#third").attr("disabled"); // disabled / undefined console.log(v1); console.log(v2); console.log(v3); </script>

页面结果:

6d6eda0e4fd1284d3371ca0be62c134.png

控制台输出:

cdf816a6216557f1937111c6f553cac.png

使用prop设置禁用与解除禁用:

$("#first").prop("disabled",true); //禁用 $("#first").prop("disabled",false); //可编辑 $("#first").prop("disabled",“disabled”);//禁用 $("#first").prop("disabled",“”); //可编辑

使用attribute设置禁用与解除禁用:

$("#first").attr("disabled",true); //禁用 $("#first").attr("disabled",false); //可编辑 $("#first").attr("disabled","disabled");//禁用 $("#first").attr("disabled",""); //禁用 $("#first").removeAttr("disabled"); //可编辑

相关免费学习推荐:(视频)

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/javascript/11450.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

jQuery如何判断input是否被禁用

2021-01-06 编辑:网友投稿

jQuery判断input是否被禁用的方法:1、使用函数【is(":disabled")】判断;2、使用函数【prop("disabled")】判断;3、使用函数【attr("disabled")】判断。

jQuery如何判断input是否被禁用

本教程操作环境:windows10系统、jquery2.2.4,本文适用于所有品牌的电脑。

推荐:《jquery视频教程

jQuery判断input是否被禁用的方法:

判断input是否被禁用,可用的方法有:

● is(":disabled")

● prop("disabled")

● attr("disabled")

<script src=https://www.php.cn/"jquery.min.js"></script> <br/><input type="text" id="first" disabled>first <br/><input type="text" id="second" disabled <br/><input type="text" id="third">third <script> var v1, v2, v3; v1 = $("#first").is(":disabled"); // true / false v2 = $("#first").prop("disabled"); // true / false v3 = $("#first").attr("disabled"); // disabled / undefined console.log(v1); console.log(v2); console.log(v3); v1 = $("#second").is(":disabled"); // true / false v2 = $("#second").prop("disabled"); // true / false v3 = $("#second").attr("disabled"); // disabled / undefined console.log(v1); console.log(v2); console.log(v3); v1 = $("#third").is(":disabled"); // true / false v2 = $("#third").prop("disabled"); // true / false v3 = $("#third").attr("disabled"); // disabled / undefined console.log(v1); console.log(v2); console.log(v3); </script>

页面结果:

6d6eda0e4fd1284d3371ca0be62c134.png

控制台输出:

cdf816a6216557f1937111c6f553cac.png

使用prop设置禁用与解除禁用:

$("#first").prop("disabled",true); //禁用 $("#first").prop("disabled",false); //可编辑 $("#first").prop("disabled",“disabled”);//禁用 $("#first").prop("disabled",“”); //可编辑

使用attribute设置禁用与解除禁用:

$("#first").attr("disabled",true); //禁用 $("#first").attr("disabled",false); //可编辑 $("#first").attr("disabled","disabled");//禁用 $("#first").attr("disabled",""); //禁用 $("#first").removeAttr("disabled"); //可编辑

相关免费学习推荐:(视频)

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/javascript/11450.shtml

相关文章

风云图片

推荐阅读

返回javascript频道首页